
.pinboardPanel {
	position: absolute;
	bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
}

.pinboardCreateNotePanel .coverPanel {
	position:fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.5;
	background-color: black;
	z-index: 19;
	display: none;
}

.pinboardCreateNotePanel .formPanel {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -250px;
	padding: 20px;
	width: 500px;
	height: auto;
	z-index: 20;
	background-color: white;
}

.pinboardPanel .pinboardButtons {
    float: right;
    width: 100px;
    height: 50px;
    margin: 5px 5px 0 0;
}
.pinboardPanel .pinboardButtons > a > img {
    height: 40px;
    margin-left: 5px;
}
.pinboardPanel .pinboardButtons .closeButton {
}

.pinboardPanel .pinboardButtons .newButton {
}

.pinboardPanel .pinboardButtons .pinboardNewButtons {
	display: none;
	list-style: none;
	position:absolute;
	top:50px;
}

.pinboardPanel .pinboardNewMenu {
}

.pinboardPanel .pinboardNote {
    position: absolute;
    width: 220px;
    height: 220px;
    overflow: hidden;
    border: 1px solid silver;
    background: white;
    border-radius: 3px;
    display: none;
}

.pinboardPanel .pinboardNote .noteButtons {
    float: right;
}

.pinboardPanel .pinboardNote .noteButtons a {
    border: 1px solid silver;
}

.pinboardPanel .pinboardNote .noteButtons a ul {
    display: none;
    position: relative;
}

.pinboardPanel .pinboardNote .noteButtons a:hover ul {
    display: block;
}

.pinboardPanel .pinboardNote .noteMessage {
    margin: 5px;
}
